﻿<!DOCTYPE html>

<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>中建政研商学院—建设工程知识与人际共享学习平台</title>
<meta name="keywords"  content="建设工程培训,建筑技能实操,建筑类考试,工程类职（执）业资格培训,建设工程政策法规解读,工程技术学习,中建政研商学院,中建政研网校" />
<meta name="description"  content="建筑培训，认准中建政研商学院！立足工程建设领域，提供工程类考试培训、技术学习、政策规范解读等网络、面授课程，建筑人学习交流乐园！" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<link rel="stylesheet" type="text/css" href="../css/index.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="stylesheet" type="text/css" href="../css/kczx.css">
<title>中建政研商学院</title>

<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

</head>


<body>

<style type="text/css">
.w920 {
	width: 920px;
}
.borderN {
	border: none
}
.userInforImg {
	display: inline-block;
	margin-top: 40px;
	width: 24%;
	margin-left: 2.5%;
}
.userInforImg img {
	display: inline-block;
	width: 120px;
	height:120px;
	margin-left: 30px;

}
.userInforImg input[type='file'] {
	margin-left: 52px;
	opacity: 0;
	width: 1px;
}
.userInforImg input[type='button'] {
	position: absolute;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	border: medium none;
	width: 80px;
	color: #188EEE;
	height: 30px;
	background: none;
	cursor: pointer;
}
.userInforImg input[type='button']:hover {
	color: #087EdE
}
.userInforImg input[type='button']:focus {
	border:none;
}

.userInfor {
	margin-top: 20px;
	margin-right: 2.5%;
	padding-bottom:30px;
	width: 70%;
	float: right;
	font-size: 12px;
}
.userInfor li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding: 10px 5px;
}
.userInfor li:last-child {
	border-bottom: none;
	padding-bottom: 20px;
}
.userInfor span {
	display: inline-block;
	width: 15%;
}
.userInfor input[type='text'], .userInfor input[type='password'] {
	height: 29px;
	border: 1px solid #CCCCCC;
	padding: 0 5px;
	width: 25%;
	box-shadow: none
}
.userInfor input[readonly=readonly] {
	border: 1px solid #FFFFFF;
	outline: none;
	box-shadow: none
}
.userInfor a {
	display: inline-block;
	margin-left: 30px;
	text-decoration: none;
}
.userInfor a:hover {
	background: #087EdE
}

</style>
<div class="course-body w920 m0auto bgw mt30">
  <div class="m0auto w100-P">
    <div class="kczx_titlel bbc m0auto">用户信息</div>
  </div>
  <div class="body clearfix bgw">
    <div class="userInforImg"> <img src="" class="bbc">
      <div style="position:relative;">
        <input type="file">
        <input type="button" value='修改头像'>
      </div>
    </div>
    <ul class="w96-P m0auto userInfor">
      <li><span>用户名：</span>
        <input type="text" value="admin"  readonly="readonly"/>
        <a href="#" class="alink">编辑</a></li>
		
		
		
		<li><span>描述：</span>
			<input type="text" value="北京"  readonly="readonly"/>
			<a href="#" class="alink di">编辑</a>
		</li>
		
		<li><span>qq：</span>
			<input type="text" value="3333333"  readonly="readonly"/>
			<a href="#" class="alink di">编辑</a>
		</li>
		
		<li><span>微博：</span>
			<input type="text" value="33333333"  readonly="readonly"/>
			<a href="#" class="alink di">编辑</a>
		</li>
		
		<li><span>所在地：</span>
			<select readonly="readonly" width="120px" /></select>
			<a href="#" class="alink di">编辑</a>
		</li>
		
		<li><span>Email：</span>
			<input type="text" value="test@126.com"  readonly="readonly"/>
			<a href="#" class="alink di">编辑</a>
		</li>
		
		<li><span>手机：</span>
			<input type="text" value="18888888888"  readonly="readonly"/>
			<a href="#" class="alink di">编辑</a>
		</li>
		
		<li><span>用户密码：</span>
			<input type="password" value="******"  readonly="readonly"/>
			<a href="#" class="alink di">编辑</a>
		</li>
		
		<li><span>账号状态：</span>
			<input type="text" value="正常" readonly="readonly"/>
		</li>
		
		<li><span>开通时间：</span>
			<input type="text" value="2015-01-01"  readonly="readonly"/>
		</li>
    </ul>
  </div>
  <div class="clear"></div>
</div>

</body>
<script type="text/javascript" src="../js/page.js"></script>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script>
$(function(){
	$('li a').each(function() {
		$(this).bind('click',function(){
			if($(this).prev().prop('readonly')==true){
			$(this).prev().removeAttr('readonly');
			$(this).text('保存');
			}
			else{
				$(this).prev().attr('readonly','readonly');
			$(this).text('编辑');
				}
			})
        
    });
	
	$('input[type=button]').bind('click',function(){
		$(this).prev().click();
		
		})
	
	})
</script>
</html>